<style>
  #owl-demo {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
  #owl-demo .item {
    display: block;
  }
  #owl-demo img {
    display: block;
    width: 100%;
  }
</style>
<div class="page-content">
  <div class="container">
    <div class="row">
      <div class="col-md-4 col-lg-3">
        <div class="sidebar">
          <!-- widget -->
          <div class="widget">
            <h4 class="sr-only">搜索</h4>
            <form method="post">
              <div class="input-group">
                <input type="text" class="form-control" name="keyword" placeholder="搜索设备">
                <span class="input-group-btn"><button class="btn btn-primary" type="button"><span>GO</span></button>
										</span>
              </div>
            </form>
          </div>
          <!-- end widget -->
          <!-- widget -->
          <div class="widget">
            <h4 class="widget-title">设备列表</h4>
            <ul class="list-unstyled recommended-posts">
              <li>
                <div class="post-entry-sidebar clearfix">
                  <a href="#" class="left"><img src="/images/blog/blog-home-img-sidebar1.png" alt="Post Thumbnail"></a>
                  <div class="right">
                    <h4 class="media-heading post-title"><a href="#">Appropriately incubate ethical innovation before client-based information</a></h4>
                    <span class="timestamp">1h ago</span>
                  </div>
                </div>
              </li>
              <li>
                <div class="post-entry-sidebar clearfix">
                  <a href="#" class="left"><img src="/images/blog/blog-home-img-sidebar2.png" alt="Post Thumbnail"></a>
                  <div class="right">
                    <h4 class="media-heading post-title"><a href="#">Conveniently synergize leading-edge metrics after quality processes</a></h4>
                    <span class="timestamp">2h ago</span>
                  </div>
                </div>
              </li>
              <li>
                <div class="post-entry-sidebar clearfix">
                  <a href="#" class="left"><img src="/images/blog/blog-home-img-sidebar3.png" alt="Post Thumbnail"></a>
                  <div class="right">
                    <h4 class="media-heading post-title"><a href="#">Completely redefine seamless manufactured products</a></h4>
                    <span class="timestamp">5h ago</span>
                  </div>
                </div>
              </li>
              <li>
                <div class="post-entry-sidebar clearfix">
                  <a href="#" class="left"><img src="/images/blog/blog-home-img-sidebar4.png" alt="Post Thumbnail"></a>
                  <div class="right">
                    <h4 class="media-heading post-title"><a href="#">Uniquely transition emerging markets without quality</a></h4>
                    <span class="timestamp">1d ago</span>
                  </div>
                </div>
              </li>
              <li>
                <div class="post-entry-sidebar clearfix">
                  <a href="#" class="left"><img src="/images/blog/blog-home-img-sidebar5.png" alt="Post Thumbnail"></a>
                  <div class="right">
                    <h4 class="media-heading post-title"><a href="#">Rapidiously iterate next-generation quality vectors</a></h4>
                    <span class="timestamp">18h ago</span>
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="col-md-8 col-lg-9">
        <h2>自动化设备1</h2>
        <div id="owl-demo" class="owl-carousel">
          <a class="item"><img src="/images/slide1.jpg" alt=""></a>
          <a class="item"><img src="/images/slide2.jpg" alt=""></a>
          <a class="item"><img src="/images/slide3.jpg" alt=""></a>
        </div>
        <div class="entry-content">
          <div class="entry-header">
            <h2 class="entry-title">
              <a href="blog-single.html">设备介绍</a>
            </h2>
            <div class="meta-line">
              <span class="post-date"><i class="fa fa-calendar"></i> Jan 14, 2016</span>
              <span class="post-comment"><i class="fa fa-comments"></i> <a href="#">35 Comments</a></span>
            </div>
          </div>
          <div class="excerpt">
            <p>Proactively reinvent team building customer service with ethical e-markets. Professionally utilize mission-critical technology whereas competitive solutions. Completely underwhelm go forward leadership without maintainable initiatives. Objectively disseminate customer directed e-commerce with prospective partnerships. Collaboratively actualize revolutionary total linkage before orthogonal catalysts for change. Appropriately facilitate optimal meta-services whereas end-to-end solutions...</p>
            <p class="read-more">
              <a href="#" class="read-more">更多详情</a>
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script>
  $(function(){
    $('#owl-demo').owlCarousel({
      items: 1
    });

    //或者
    /*
     $('#owl-demo').owlCarousel({
     singleItem: true
     });
     */
  });

</script>
